<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="wpOceans">
    <title> Anur - personal portfolio HTML5 Template</title>
    <link href="static/css/themify-icons.css" rel="stylesheet">
    <link href="static/css/flaticon.css" rel="stylesheet">
    <link href="static/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/css/animate.css" rel="stylesheet">
    <link href="static/css/owl.carousel.css" rel="stylesheet">
    <link href="static/css/owl.theme.css" rel="stylesheet">
    <link href="static/css/slick.css" rel="stylesheet">
    <link href="static/css/slick-theme.css" rel="stylesheet">
    <link href="static/css/swiper.min.css" rel="stylesheet">
    <link href="static/css/owl.transitions.css" rel="stylesheet">
    <link href="static/css/jquery.fancybox.css" rel="stylesheet">
    <link href="static/css/odometer-theme-default.css" rel="stylesheet">
    <link href="static/css/style.css" rel="stylesheet">
</head>

<body>

    <!-- start page-wrapper -->
    <div class="page-wrapper">
        <!-- start preloader -->
        <div class="preloader">
            <div class="angular-shape">
                <div></div>
                <div></div>
                <div></div>
            </div>
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </div>
        <!-- end preloader -->
        <!-- Start header -->
        <header id="header" class="wpo-site-header wpo-header-style-5">
            <nav class="navigation navbar navbar-expand-lg navbar-light">
                <div class="container-fluid">
                    <div class="row align-items-center">
                        <div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
                            <div class="mobail-menu">
                                <button type="button" class="navbar-toggler open-btn">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar first-angle"></span>
                                    <span class="icon-bar middle-angle"></span>
                                    <span class="icon-bar last-angle"></span>
                                </button>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-6">
                            <div class="navbar-header">
                                <a class="navbar-brand" href="index.html"><img src="static/picture/logo-3.png" alt=""></a>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-1 col-1">
                            <div id="navbar" class="collapse navbar-collapse navigation-holder">
                                <button class="menu-close"><i class="ti-close"></i></button>
                                <ul class="nav navbar-nav mb-2 mb-lg-0">
                                    <li class="menu-item-has-children">
                                        <a href="#">Home</a>
                                        <ul class="sub-menu">
                                            <li><a href="index.html">Home style 1</a></li>
                                            <li><a href="index-2.html">Home style 2</a></li>
                                            <li><a href="index-3.html">Home style 3</a></li>
                                            <li><a href="index-4.html">Home style 4</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="about.html">About</a></li>
                                    <li class="menu-item-has-children">
                                        <a href="#">Portfolio</a>
                                        <ul class="sub-menu">
                                            <li><a href="portfolio-grid.html">Portfolio Grid</a></li>
                                            <li><a href="portfolio-grid-s2.html">Portfolio Grid S2</a></li>
                                            <li><a href="portfolio-mashonary.html">Portfolio Mashonary</a></li>
                                            <li><a href="portfolio-slide.html">Portfolio Slide</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a class="active" href="#">Pages</a>
                                        <ul class="sub-menu">
                                            <li><a href="service.html">Service</a></li>
                                            <li><a href="service-single.html">Service Single</a></li>
                                            <li><a class="active" href="">Project Single</a></li>
                                            <li><a href="404.html">Error 404</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="javascript:;">Blog</a>
                                        <ul class="sub-menu">
                                            <li><a href="blog.html">Blog right sidebar</a></li>
                                            <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
                                            <li><a href="blog-fullwidth.html">Blog fullwidth</a></li>
                                            <li class="menu-item-has-children">
                                                <a href="#">Blog details</a>
                                                <ul class="sub-menu">
                                                    <li><a href="blog-single.html">Blog details right sidebar</a>
                                                    </li>
                                                    <li><a href="blog-single-left-sidebar.html">Blog details left
                                                            sidebar</a></li>
                                                    <li><a href="blog-single-fullwidth.html">Blog details
                                                            fullwidth</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">Contact</a></li>
                                </ul>

                            </div><!-- end of nav-collapse -->
                        </div>
                        <div class="col-lg-3 col-md-2 col-2">
                            <div class="header-right">
                                <div class="header-search-form-wrapper">
                                    <div class="cart-search-contact">
                                        <button class="search-toggle-btn"><i class="fi flaticon-magnifiying-glass"></i></button>
                                        <div class="header-search-form">
                                            <form>
                                                <div>
                                                    <input type="text" class="form-control" placeholder="Search here...">
                                                    <button type="submit"><i class="fi flaticon-magnifiying-glass"></i></button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- end of container -->
            </nav>
        </header>
        <!-- end of header -->
        <!-- start of breadcumb-section -->
        <div class="wpo-breadcumb-area">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="wpo-breadcumb-wrap">
                            <h2>Project Single</h2>
                            <ul>
                                <li><a href="index.html">Home</a></li>
                                <li><span>Project</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end of wpo-breadcumb-section-->

        <!-- .wpo-project-details-area start -->

        <div class="wpo-project-details-area section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-12">
                        <div class="wpo-minimal-wrap">
                            <div class="wpo-minimal-img">
                                <img src="static/picture/img-14.jpg" alt="">
                            </div>
                            <ul>
                                <li class="video-holder">
                                    <a href="javascript:;" class="video-btn" data-type="iframe" tabindex="0"></a>
                                </li>
                            </ul>
                        </div>
                        <div class="wpo-project-details-list">
                            <div class="row">
                                <div class="col co-l-lg-4 col-md-4 col-sm-6 col-12">
                                    <div class="wpo-project-details-text">
                                        <span>Client Name</span>
                                        <h2>Robert William</h2>
                                    </div>
                                </div>
                                <div class="col co-l-lg-4 col-md-4 col-sm-6 col-12">
                                    <div class="wpo-project-details-text-3">
                                        <span>Project Value</span>
                                        <h2>$500</h2>
                                    </div>
                                </div>
                                <div class="col co-l-lg-4 col-md-4 col-sm-6 col-12">
                                    <div class="wpo-project-details-text">
                                        <span>Date</span>
                                        <h2>25 Dec 2020</h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="wpo-p-details-section">
                            <h5>Project Requirement</h5>
                            <p>There are many variations of passages of Lorem Ipsum available, but the majority have
                                suffered alteration in some form, by injected humour, or randomised words which don't
                                look even slightly believable. If you are going to use a passage of Lorem Ipsum, you
                                need to be sure there isn't anything embarrassing hidden in the middle.</p>
                            <p>The majority have suffered alteration in some form or randomised words which don't
                                look even slightly believable. If you are going to use a passage of Lorem Ipsum, you
                                need to be sure there isn't anything embarrassing hidden.</p>

                                <div class="process-wrap">
                                    <h5>Our work process</h5>
                                    <div class="row">
                                        <div class="col-lg-4 col-md-6 col-12">
                                             <div class="process-item">
                                                 <div class="process-icon">
                                                      <i class="fi flaticon-lamp"></i>
                                                 </div>
                                                 <div class="process-text">
                                                     <h3>Research and analytics</h3>
                                                     <p>If you are going to use a passage of Lorem Ipsum, you
                                                        need to be sure there isn't.</p>
                                                 </div>
                                             </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6 col-12">
                                             <div class="process-item">
                                                 <div class="process-icon">
                                                      <i class="fi flaticon-medal"></i>
                                                 </div>
                                                 <div class="process-text">
                                                     <h3>Design and Develop</h3>
                                                     <p>If you are going to use a passage of Lorem Ipsum, you
                                                        need to be sure there isn't.</p>
                                                 </div>
                                             </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6 col-12">
                                             <div class="process-item">
                                                 <div class="process-icon">
                                                      <i class="fi flaticon-trophy"></i>
                                                 </div>
                                                 <div class="process-text">
                                                     <h3>Testing and deploying</h3>
                                                     <p>If you are going to use a passage of Lorem Ipsum, you
                                                        need to be sure there isn't.</p>
                                                 </div>
                                             </div>
                                        </div>
                                    </div>   
                                </div>

                            <p>It uses a dictionary of over 200 Latin words, combined with a handful of model sentence
                                structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is
                                therefore always free from repetition, injected humour,sure there isn't anything
                                embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the
                                Internet tend to repeat predefined.</p>
                            <div class="row">
                                <div class="col-md-6 col-sm-6 col-12">
                                    <div class="wpo-p-details-img">
                                        <img src="static/picture/img-27.jpg" alt="">
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-6 col-12">
                                    <div class="wpo-p-details-img">
                                        <img src="static/picture/img-31.jpg" alt="">
                                    </div>
                                </div>
                            </div>
                            <p>by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet</p>
                        </div>
                        <div class="wpo-faq-section">
                            <h4>Project Solution</h4>
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-12">
                                    <div class="accordion" id="accordionExample">
                                        <div class="accordion-item">
                                          <h3 class="accordion-header" id="headingOne">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                Market research on our global panel with support from our experts.
                                            </button>
                                          </h3>
                                          <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                               <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum exercitationem pariatur iure nemo esse repellendus est quo recusandae. Delectus, maxime.</p>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="accordion-item">
                                          <h3 class="accordion-header" id="headingTwo">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                              Planning can help alleviate workplace stress and increase productivity.
                                            </button>
                                          </h3>
                                          <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum exercitationem pariatur iure nemo esse repellendus est quo recusandae. Delectus, maxime.</p>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="accordion-item">
                                          <h3 class="accordion-header" id="headingThree">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                              Those who experiment the most, are able to innovate the best.
                                            </button>
                                          </h3>
                                          <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum exercitationem pariatur iure nemo esse repellendus est quo recusandae. Delectus, maxime.</p>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="accordion-item">
                                          <h3 class="accordion-header" id="headingFour">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                                Understand Your Problem, You must understand the issue.
                                            </button>
                                          </h3>
                                          <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum exercitationem pariatur iure nemo esse repellendus est quo recusandae. Delectus, maxime.</p>
                                            </div>
                                          </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> <!-- end wpo-faq-section -->
                    </div>
                    <div class="col-lg-4 col-12">
                        <div class="blog-sidebar">
                            <div class="widget search-widget">
                                <form>
                                    <div>
                                        <input type="text" class="form-control" placeholder="Search Post..">
                                        <button type="submit"><i class="ti-search"></i></button>
                                    </div>
                                </form>
                            </div>
                            <div class="widget category-widget">
                                <h3>Services</h3>
                                <ul>
                                    <li><a href="service-single.html">Design & Planning<span>25</span></a></li>
                                    <li><a href="service-single.html">Graphic Design <span>34</span></a></li>
                                    <li><a href="service-single.html">Web Design <span>50</span></a></li>
                                    <li><a href="service-single.html">Digital Marketing <span>46</span></a></li>
                                    <li><a href="service-single.html">Social Media Marketing <span>15</span></a></li>
                                    <li><a href="service-single.html">Content Writing <span>48</span></a></li>
                                </ul>
                            </div>
                            <div class="wpo-contact-widget widget">
                                <h2>How We Can <br> Help You!</h2>
                                <p>labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. </p>
                                <a href="contact.html">Contact Us</a>
                           </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- .wpo-project-details-area end -->

        <!-- start of wpo-site-footer-section -->
        <footer class="wpo-site-footer">
            <div class="wpo-upper-footer">
                <div class="container">
                    <div class="row">
                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
                            <div class="widget about-widget">
                                <div class="logo widget-title">
                                    <img src="static/picture/logo-2.png" alt="blog">
                                </div>
                                <p>Build and Earn with your online store with lots of cool and exclusive features </p>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <i class="ti-facebook"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="ti-twitter-alt"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="ti-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="ti-google"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
                            <div class="widget link-widget">
                                <div class="widget-title">
                                    <h3>Services </h3>
                                </div>
                                <ul>
                                    <li><a href="service-single.html">Graphic Designer</a></li>
                                    <li><a href="service-single.html">Developing Theme</a></li>
                                    <li><a href="service-single.html">Social media Marketing</a></li>
                                    <li><a href="service-single.html">Animation</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
                            <div class="widget wpo-service-link-widget">
                                <div class="widget-title">
                                    <h3>Contact </h3>
                                </div>
                                <div class="contact-ft">
                                    <ul>
                                        <li><i class="fi flaticon-location"></i>7 Green Lake Street Crawfordsville, IN
                                            47933</li>
                                        <li><i class="fi flaticon-phone-call"></i>+1 800 123 456 789</li>
                                        <li><i class="fi flaticon-send"></i>anur@gmail.com</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
                            <div class="widget instagram">
                                <div class="widget-title">
                                    <h3>Projects</h3>
                                </div>
                                <ul class="d-flex">
                                    <li><a href=""><img src="static/picture/1.jpg" alt=""></a></li>
                                    <li><a href=""><img src="static/picture/2.jpg" alt=""></a></li>
                                    <li><a href=""><img src="static/picture/3.jpg" alt=""></a></li>
                                    <li><a href=""><img src="static/picture/4.jpg" alt=""></a></li>
                                    <li><a href=""><img src="static/picture/5.jpg" alt=""></a></li>
                                    <li><a href=""><img src="static/picture/6.jpg" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div> <!-- end container -->
            </div>
            <div class="wpo-lower-footer">
                <div class="container">
                    <div class="row">
                        <div class="col col-xs-12">
                            <p class="copyright">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- end of wpo-site-footer-section -->
    </div>
    <!-- end of page-wrapper -->

    <!-- All JavaScript files
    ================================================== -->
    <script src="static/js/jquery.min.js"></script>
    <script src="static/js/bootstrap.bundle.min.js"></script>
    <!-- Plugins for this template -->
    <script src="static/js/modernizr.custom.js"></script>
    <script src="static/js/jquery.dlmenu.js"></script>
    <script src="static/js/jquery-plugin-collection.js"></script>
    <!-- Custom script for this template -->
    <script src="static/js/script.js"></script>
</body>

</html>